<template>
    <i @click="changeControllerBtn"
        :class="result ? 'controller-btn el-icon-s-unfold' : 'controller-btn el-icon-s-fold'" style="padding-right: 20px;"></i>
</template>

<script>

export default {
    name: "sidebarStatus",
    data() {
        return {
            result: this.$store.getters.getControllerBtn
        }
    },

    methods: {
        changeControllerBtn() {
            this.$store.commit("SET_CONTROLLERBTN")
            this.result = this.$store.getters.getControllerBtn
        }
    },
}
</script>

<style>

.controller-btn {
    cursor: pointer;
    font-size: 25px;
}
</style>